<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="title.css"> -->
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./layui/css/layui.css">

    <link rel="stylesheet" href="title.css">
    <link rel="stylesheet" href="header.css">
    <link rel="stylesheet" href="banner.css">
    <link rel="stylesheet" href="wray.css">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="link.css">
    <link rel="stylesheet" href="two.css">
    <link rel="stylesheet" href="login.css">
    <title>登录</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: none;
        }

        li {
            float: left;
        }

        .clearfix::after {
            content: "";
            display: block;
            clear: both;
        }

        a {
            text-decoration: none;
        }

        body {
            background-color: #efefef;
        }
    </style>
</head>

<body>
    <div class="tit" id="okokokokok">
        <div class="title">
            <ul class="title-left">
                <li class="white">
                    <a href="">
                        <i class="phone"></i>
                        手机站
                        <i class="arrow"></i>
                    </a>
                    <div class="title-lione">
                        <div>
                            <img src="./img/title.jpg" alt="">
                            <p>手机站</p>
                        </div>
                        <div>
                            <img src="./img/title2.jpg" alt="">
                            <p>小程序</p>
                        </div>

                    </div>
                </li>
                <li>
                    <a href="">欢迎来到企汇网</a>
                </li>
                <li>
                    <a href="">
                        <i class="login"></i>
                        登录
                    </a>
                </li>
                <li>
                    <a href="./注册.html">免费注册</a>
                </li>
            </ul>
            <ul class="title-left" id="title-right">
                <li>
                    <a href="./企汇网.html" target="_blank">企业网首页</a>
                </li>
                <li class="white hoverli" id="title-right-litwo">
                    <a href="">
                        收藏夹
                        <i class="arrow"></i>
                    </a>
                    <div id="collect" class="hover">
                        <p>收藏的产品</p>
                        <p>收藏的店铺</p>
                    </div>
                </li>
                <li class="white hoverli">
                    <a href="">
                        我是采购商
                        <i class="arrow"></i>
                    </a>
                    <div class="hover" id="per">
                        <p>采购商中心</p>
                        <p>发布采购单</p>
                        <p>采购管理</p>
                    </div>
                </li>
                <li class="white hoverli">
                    <a href="">
                        我是供应商
                        <i class="arrow"></i>
                    </a>
                    <div class="hover" id="per">
                        <p>供应商中心</p>
                        <p>发布产品</p>
                        <p>产品管理</p>
                        <p>商店管理</p>
                    </div>
                </li>
                <li>
                    <a href="">
                        企业管家
                    </a>
                </li>
                <li class="white hoverli">
                    <a href="">
                        企汇服务
                        <i class="arrow"></i>
                    </a>
                    <div class="hover" id="qihui">
                        <p>热门服务</p>
                        <p><span>标王</span><span>黄金展位</span></p>
                        <p><span>热门推荐广告位</span><span>图片空间</span></p>
                        <p><span>信息包</span><span>企汇金铺</span></p>
                        <p><span>金铺装修</span><span>更多服务</span></p>
                    </div>
                </li>
                <li class="white hoverli">
                    <a href="">
                        客服中心
                        <i class="arrow"></i>
                    </a>
                    <div class="hover" id="service">
                        <p>常见问题</p>
                        <p>在线客服</p>
                    </div>
                </li>
                <li class="white hoverli">
                    <a href="">
                        <i id="web"></i>
                        网站导航
                        <i class="arrow"></i>
                    </a>
                    <div class="hover" id="navigation">
                        <div>
                            <p style="font-weight: bold; color: #4d4d4d;">特色服务</p>
                            <p>
                                <span>首页</span>
                                <span>资讯</span>
                                <span>展会</span>
                                <span>企汇管家</span>
                            </p>
                            <p>
                                <span>企汇云信</span>
                                <span>天梯建站</span>
                                <span>企业库</span>
                                <span>产品库</span>
                            </p>
                            <p>
                                <span>郑州站</span>
                                <span>平顶山站</span>
                                <span>手机站</span>
                                <span>搜索</span>
                            </p>
                            <p>
                                <span>企汇软文通</span>
                                <span>百度爱采购</span>
                                <span>小程序</span>
                                <span>企业直通车</span>
                            </p>
                        </div>
                        <div>
                            <p style="font-weight: bold; color: #4d4d4d;">采购服务</p>
                            <p>
                                <span>采购中心</span>
                                <span>发布采购单</span>
                            </p>
                        </div>
                        <div>
                            <p style="font-weight: bold; color: #4d4d4d;">行业详情</p>
                            <p>
                                <span>建材频道</span>
                                <span>机械频道</span>
                                <span>农林频道</span>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第二个 -->
    <div id="ok">
        <div class="header">
            <div class="header-left">
                <img src="./img/logo.png" alt="" id="lo">
            </div>
            <div class="header-center">
                <em style="font-style: normal; font-size: 21px; color: #333333;">会员登录</em>
            </div>
            <div class="hearder-right">
                <div>
                    <i></i>
                </div>
                <p>客服电话</p>
                <p>400-6677-369</p>
            </div>
        </div>
    </div>
    <div class="log">
        <a href="" title="关注有礼" id="youli"></a>
        <div class="log-img">
            <div class="log-centent">
                <h4>登录</h4>
                <div class="log-input">
                    <i class="input-i1"></i>
                    <input type="text" placeholder="手机号/用户名/邮箱">
                </div>
                <div class="log-input">
                    <i class="input-i2"></i>
                    <input type="text" placeholder="密码">
                </div>
                <div class="log-footer">
                    <input type="checkbox" name="" id="">记住密码
                    <span>免费注册&nbsp;&nbsp;|&nbsp;&nbsp;记住密码?</span>
                </div>
                <button>登录</button>
                <p>黄白钻会员登录&nbsp;></p>
            </div>
        </div>
    </div>
    <div class="footerbox">
        <div id="foot" class="clearfix">
            <div class="footerTop clearfix">
                <p id="p2">
                    <a href="">网站首页</a>
                    <a href="">关于我们</a>
                    <a href="">联系我们</a>
                    <a href="">使用协议</a>
                    <a href="">版权隐私</a>
                    <!-- <a href="">产品资讯</a> -->
                    <!-- <a href="">产品动态</a> -->
                    <a href="">维权通道</a>
                    <a href="">网站导航</a>
                    <a href="">用户反馈 </a>

                </p>
                <p id="p3">
                    opyright 2009-2020 河南企汇网信息技术股份有限公司 保留所有权利 经营许可证编号：
                    <em>豫B2-20140075</em>
                </p>
                <p id="p4">
                    <i></i>
                    <i></i>
                    <i></i>
                    <i></i>
                    <i></i>
                    <i></i>
                </p>
            </div>
            <div id="footrig">
                <p>关注我们</p>
                <i></i>
                <i></i>
            </div>
        </div>

    </div>
</body>

</html>